import React, { Component } from 'react';

class App extends Component {
  // 1.定义一个 state 表单的值
  state = {
    value:"(*^_^*)"
  }
  // 3. 定义一个表单变化处理函数
  handleChange = (e)=>{
    console.log(e);
    // e.target.value
    // console.log(e.target.value);
    this.setState({
      value:e.target.value
    })
  }
  render() {
    return (
      <div>
        {/*2. 将state.value 赋值给 input 中的 value 值*/}
        {/*4. 将 this.handleChange 给 onChange 处理函数*/}
        <input placeholder="输入值" value={this.state.value} onChange={this.handleChange}></input>
      </div>
    );
  }
}

export default App;
